<template>
<div class="use-file-system-access">
  <div>UseFileSystemAccess</div>
  <div v-text="data"></div>
  <button @click="open">读取文件</button>
</div>
</template>

<script setup lang="ts">
import { useFileSystemAccess } from "@vueuse/core";

defineOptions({
  name: "UseFileSystemAccess"
})
const { open, data } = useFileSystemAccess()
</script>

<style scoped lang="css">
.use-file-system-access {

}
</style>
